/**
 * 现代化样式系统
 * 引入全新的设计规范和组件样式
 */

// 引入新的样式系统
@import './styles/variables.scss';
@import './styles/base.scss';
@import './styles/components.scss';

/**
 * uni-app 兼容性变量
 * 保持与原有uni-app变量的兼容性
 */

/* 行为相关颜色 - 使用新的设计变量 */
$uni-color-primary: $primary-color;
$uni-color-success: $success-color;
$uni-color-warning: $warning-color;
$uni-color-error: $error-color;

/* 文字基本颜色 */
$uni-text-color: $text-primary;
$uni-text-color-inverse: $text-white;
$uni-text-color-grey: $text-secondary;
$uni-text-color-placeholder: $text-placeholder;
$uni-text-color-disable: $text-disabled;

/* 背景颜色 */
$uni-bg-color: $bg-primary;
$uni-bg-color-grey: $bg-secondary;
$uni-bg-color-hover: $gray-100;
$uni-bg-color-mask: $bg-mask;

/* 边框颜色 */
$uni-border-color: $border-color;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm: 24rpx;
$uni-font-size-base: 28rpx;
$uni-font-size-lg: 32rpx;

/* 图片尺寸 */
$uni-img-size-sm: 40rpx;
$uni-img-size-base: 52rpx;
$uni-img-size-lg: 80rpx;

/* Border Radius */
$uni-border-radius-sm: $border-radius-sm;
$uni-border-radius-base: $border-radius-base;
$uni-border-radius-lg: $border-radius-lg;
$uni-border-radius-circle: $border-radius-round;

/* 水平间距 */
$uni-spacing-row-sm: $spacing-sm;
$uni-spacing-row-base: $spacing-md;
$uni-spacing-row-lg: $spacing-lg;

/* 垂直间距 */
$uni-spacing-col-sm: $spacing-sm;
$uni-spacing-col-base: $spacing-md;
$uni-spacing-col-lg: $spacing-lg;

/* 透明度 */
$uni-opacity-disabled: 0.3;

/* 文章场景相关 */
$uni-color-title: $text-primary;
$uni-font-size-title: $font-size-xl;
$uni-color-subtitle: $text-secondary;
$uni-font-size-subtitle: $font-size-lg;
$uni-color-paragraph: $text-primary;
$uni-font-size-paragraph: $font-size-base;
